import './excalidraw-fonts.css';

export const ExcalidrawYesThisWorks: React.FC = () => {
	return (
		<svg
			version="1.1"
			xmlns="http://www.w3.org/2000/svg"
			viewBox="0 0 525.6017099749004 220.77327771798426"
			width="522.6017099749004"
			height="220.77327771798426"
		>
			<rect
				x="0"
				y="0"
				width="522.6017099749004"
				height="220.77327771798426"
				fill="#ffffff"
			/>
			<g>
				<g transform="translate(91.291477325487 150.29929606244914) rotate(0 -40.29557725533056 -69.38835080017809)">
					<path
						d="M-0.9839596431702375 -0.7159354705363512 C-13.133649482504785 -7.788824535769394, -60.49896961187883 -18.393912546072343, -73.40839199268078 -41.65780597805781 C-86.31781437348273 -64.92169941004327, -77.61640564358318 -123.99222465573014, -78.44049392798195 -140.29929606244914 M0.7003228148259222 1.522594462092966 C-11.468337277380138 -5.443370963961803, -60.451578436679526 -16.824494500659597, -73.79001404291769 -40.295792963968495 C-87.12844964915585 -63.76709142727739, -78.59793552477367 -122.97111960277095, -79.33029082260305 -139.30519631776042"
						stroke="#000000"
						strokeWidth="4"
						fill="none"
					/>
				</g>
				<g transform="translate(91.291477325487 150.29929606244914) rotate(0 -40.29557725533056 -69.38835080017809)">
					<path
						d="M-71.4393887148617 -108.91544371652844 C-73.32773154476614 -118.54379380609487, -76.13646441726748 -125.759570020093, -79.02514709188813 -137.71217097799308 M-70.19282332355215 -109.95743981278929 C-74.0620620357283 -120.54502719247577, -76.88185239476917 -130.1618113230898, -79.4296551265868 -139.71951391725815"
						stroke="#000000"
						strokeWidth="4"
						fill="none"
					/>
				</g>
				<g transform="translate(91.291477325487 150.29929606244914) rotate(0 -40.29557725533056 -69.38835080017809)">
					<path
						d="M-91.94298623077195 -109.76543859380632 C-88.54656328416444 -119.00681031600124, -86.07605200647075 -126.0037307667567, -79.02514709188813 -137.71217097799308 M-90.69642083946239 -110.80743469006717 C-87.46747481581406 -120.93066408437845, -83.18668901660863 -130.25308751289873, -79.4296551265868 -139.71951391725815"
						stroke="#000000"
						strokeWidth="4"
						fill="none"
					/>
				</g>
			</g>
			<g transform="translate(127.60170997490025 74.77327771798426) rotate(0 192.50000000000006 68)">
				<text
					x="0"
					y="48"
					fontFamily="Virgil, Segoe UI Emoji"
					fontSize="53.918931159420254px"
					fill="#000000"
					textAnchor="start"
					style={{whiteSpace: 'pre'}}
					direction="ltr"
				>
					Yes, this
				</text>
				<text
					x="0"
					y="116"
					fontFamily="Virgil, Segoe UI Emoji"
					fontSize="53.918931159420254px"
					fill="#000000"
					textAnchor="start"
					style={{whiteSpace: 'pre'}}
					direction="ltr"
				>
					actually works!
				</text>
			</g>
		</svg>
	);
};
